<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <title>摄影社区热门小镇</title>
    <link href="sysq.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="wrap">
    <h1>摄影社区热门小镇</h1>
    <ul>
        <li class="imgbox">
            <a href="#"><img src="pic_01.jpg"/></a>
            <h2>风景狙击手</h2>
            <ul>
                <li>成员：80</li>
                <li>作品：276</li>
            </ul>
        </li>
        <li class="imgbox">
            <a href="#"><img src="pic_02.jpg"/></a>
            <h2>叙事感</h2>
            <ul>
                <li>成员：235</li>
                <li>作品：116</li>
            </ul>
        </li>
        <li class="imgbox">
            <a href="#"><img src="pic_03.jpg"/></a>
            <h2>定焦视界</h2>
            <ul>
                <li>成员：56</li>
                <li>作品：456</li>
            </ul>
        </li>
        <li class="imgbox">
            <a href="#"><img src="pic_04.jpg"/></a>
            <h2>中画幅乐园</h2>
            <ul>
                <li>成员：130</li>
                <li>作品：239</li>
            </ul>
        </li>
        <li class="imgbox">
            <a href="#"><img src="pic_05.jpg"/></a>
            <h2>《卡啪》先锋...</h2>
            <ul>
                <li>成员：78</li>
                <li>作品：125</li>
            </ul>
        </li>
        <li class="imgbox">
            <a href="#"><img src="pic_06.jpg"/></a>
            <h2>植物的无声世界</h2>
            <ul>
                <li>成员：235</li>
                <li>作品：1258</li>
            </ul>
        </li>
    </ul>

</div>
</body>
</html>

